<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>游戏详情</title>
    <link rel="stylesheet" href="../css/game-detail.css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css">
</head>
<body>
    <nav class="navbar">
        <div class="nav-brand">
            <a href="games.html"><i class="fas fa-arrow-left"></i> 返回</a>
        </div>
        <div class="nav-user">
            <span id="username"></span>
            <button id="logoutBtn">退出</button>
        </div>
    </nav>

    <div class="container">
        <div class="game-detail" id="gameDetail">
            <!-- 游戏详情将通过JavaScript动态添加 -->
        </div>

        <div class="game-reviews">
            <h3>用户评价</h3>
            <div class="review-form">
                <textarea id="reviewText" placeholder="写下你的评价..."></textarea>
                <div class="rating-input">
                    <span>评分：</span>
                    <div class="stars">
                        <i class="far fa-star" data-rating="1"></i>
                        <i class="far fa-star" data-rating="2"></i>
                        <i class="far fa-star" data-rating="3"></i>
                        <i class="far fa-star" data-rating="4"></i>
                        <i class="far fa-star" data-rating="5"></i>
                    </div>
                </div>
                <button id="submitReview">提交评价</button>
            </div>
            <div class="review-list" id="reviewList">
                <!-- 评价列表将通过JavaScript动态添加 -->
            </div>
        </div>
    </div>

    <script src="../js/game-detail.js"></script>
</body>
</html> 